/* 
负责把data选项中的数据转换成响应式数据
如果data中某个属性也是对象，把该属性转换成响应式数据
如果data中的数据重新赋值，新的属性为响应式数据
数据变化发送通知
*/
class Observer {
    constructor(data){
        this.walk(data)
    }
    walk(data){
        //1.判断data是否是对象 如果是空值或不是对象 return
        if(!data || typeof data !== 'object'){
            return 
        }
        //2.遍历data对象的所有属性
        Object.keys(data).forEach(key=>{
            //将data中的属性转换成getter/setter
            this.defineReactive(data,key,data[key])
        })

    }
    //定义响应式数据 obj:data对象 key:属性 val:属性的值
    defineReactive(obj,key,val){
        let that = this
        //负责收集依赖，并发送通知
        let dep = new Dep()
        //如果val是对象，把val内部的属性转换成响应式数据
        this.walk(val)
        Object.defineProperty(obj,key,{
            enumerable:true,
            configurable:true,
            get(){
                //收集依赖
                Dep.target && dep.addSub(Dep.target)
                return val
            },
            set(newValue){
                if(newValue === val){
                    return
                }
                val = newValue
                //如果新赋值的属性值是对象，将对象中的属性转换成setter/getter
                that.walk(newValue)
                //发送通知
                dep.notify()
            }
        })
    }
}